<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>打折门票 - 爽客网</title>
<%@include file="../common/js.jsp" %>
<script src="js/jquery.ying.js" type="text/javascript"></script>
<script src="js/search.js" type="text/javascript"></script>
<%@include file="../common/css.jsp" %>
<link href="css/mainpage.css" type="text/css" rel="stylesheet" />
<!--[if ie]><script src="../../js/common/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie 6]><link href="../../css/jrIE6.css" type="text/css" rel="stylesheet"><![endif]-->
<!--[if ie]><link href="../../css/jrIE.css" type="text/css" rel="stylesheet"><![endif]-->

</head>
<body>
<!-- head -->
    <%@include file="../common/header.jsp" %>
    <!-- head--end -->
    
    <!-- wrap-->
    <div class="w100p">
        
       	<!-- lunbo -->
        <div class="w980 mg box_style1">
        	<div class="c_lb_box lb_box_s1">
            	<ul class="c_lb" id="pic_ul">
	            	<c:forEach items="${cycRec}" var="c">
	                	<li><img src="${c.picture }" style="width: 695px;height: 280px" class="block" /></li>
	                </c:forEach>   
                </ul>
                <div class="seach_t_box">
                </div>
                <div class="seach_body_box">
                	<div class="mg_style">
                        <h1>打折门票<span>上万种门票尽享优惠</span></h1>
                        <div class="search">
                            <label class="fb mr5">城市/景点</label><input type="text" class="text_style" id="search_title"/>
                            <input type="button" class="search_btn" onclick="searchContent('ticket');"/>
                        </div>
                        <dl class="c_tj">
                        	<dt>当季推荐</dt>
                            <c:forEach items="${dangjiRec}" var="c">
                            	${c.content}
                            </c:forEach>
                        </dl>
                    </div>
                </div>
                
                <!-- right-->
                <ul class="lb_list_show" id="num_ul">
                	<c:forEach items="${cycRec}" var="c">
                		<li>
	                    	<a href="${c.hyperlink}" target="_blank">
	                            <span class="title">${c.titleText}</span>
	                        </a>
	                    </li>
                	</c:forEach>
                	
                  
                </ul>
                <!-- right--end-->
            </div>
        </div>
        <!-- lunbo--end-->
        
        <!-- part1 -->
        <div class="w980 mg box_style1">
        	<div class="clearfix">
            	
                <!-- left-->
                <div class="t_leftbox">
                	<div class="gradient_sbox mb5">
                        <div class="gra_head">
                            <h1 class="clearfix pr">
                                <img src="images/icon/icon_zxzttj.gif" class="fl block" /><span class="fl">最新主题推荐</span>
                                <a href="listView.htm?channel=8b323acf-940c-416f-9870-cec5fe237a24" class="more">more</a>
                            </h1>
                        </div>
                        <div class="gra_body">
                           <c:forEach items="${topicRec}" var="c">
                           		${c.content}
                           </c:forEach>
                        </div>
                        <div class="gra_foot"></div>
                	</div>
                    
                	<div class="gradient_sbox">
                        <div class="gra_head">
                            <h1 class="clearfix pr">
                                <img src="images/icon/icon_rmjqtj.gif" class="fl block" /><span class="fl">热门景区推荐</span>
                                <a href="listView.htm?channel=f5caa701-22bd-477e-9f1a-855e6bda1815" class="more">more</a>
                            </h1>
                        </div>
                        <div class="gra_body">
                           <c:forEach items="${scenicRec}" var="c">
                           		${c.content}
                           </c:forEach>
                        </div>
                        <div class="gra_foot"></div>
                	</div>
                </div>
                <!-- left--end-->
                
                <!-- right-->
                <div class="t_rightbox">
                	<div class="gradient_sbox big_box com_gra view_detail">
                        <div class="gra_head"></div>
                        <div class="gra_body clearfix">
                        
                        	<!--left-gra-->
                            <div class="left_gra_box">
                            	<div class="moremenu">
                                    <ul class="t_view_sorts clearfix">
                                        <li class="current" id="li_1">
                                            <a href="javascript:void(0);" onclick="tabTicket('1')">主题门票</a>
                                        </li>
                                        <li id="li_2">
                                            <a href="javascript:void(0);" onclick="tabTicket('2')">景区门票</a>
                                        </li><%--
                                        <li id="li_3">
                                            <a href="javascript:void(0);" onclick="tabTicket('3')">民俗艺术</a>
                                        </li>
                                        --%><li id="li_4">
                                            <a href="javascript:void(0);" onclick="tabTicket('4')">温泉养生</a>
                                        </li><%--
                                        <li id="li_5">
                                            <a href="javascript:void(0);" onclick="tabTicket('5')">主题乐园</a>
                                        </li>
                                    --%></ul>
                                    
                                    <!-- sub-content-->
                                    <div class="t_sec_content" id="ticket_1">
                                    	<ul class="pic_text clearfix">
                                    		<c:forEach items="${topicTicket}" var="c" end="2">
                                    			<li>
	                                            	<a href="${c.hyperlink}" target="_blank"><img src="${c.picture}" class="block" width="152" height="90" alt="${c.title}"/></a>
	                                                <p>
	                                                	<a href="${c.hyperlink}" target="_blank" class="name">${c.title}</a>
	                                                    <span class="price"><i class="clrf60">¥${c.priceMin}</i>爽客特惠价：</span>
	                                                </p>
	                                            </li>
                                    		</c:forEach>
                                        	
                                           
                                        </ul>
                                        <ul class="text">
                                        	<c:forEach items="${topicTicket}" var="c" begin="3" end="5">
                                        		<li class=" clearfix">
	                                            	<span class="fr">爽客特惠价：<i class="clrf60 farial">¥${c.priceMin}</i></span>
	                                                <a href="${c.hyperlink}" target="_blank">${c.title}<img src="images/smallpic/tejia.gif" /></a>
	                                            </li>
                                    			
                                    		</c:forEach>
                                        	
                                           
                                        </ul>
                                    </div>
                                    
                                    <div class="t_sec_content" id="ticket_2" style="display: none;">
                                    	<ul class="pic_text clearfix">
                                    		<c:forEach items="${senTicket}" var="c" end="2">
                                    			<li>
	                                            	<a href="${c.hyperlink}" target="_blank"><img src="${c.picture}" class="block" width="152" height="90"/></a>
	                                                <p>
	                                                	<a href="${c.hyperlink}" target="_blank" class="name">${c.title}</a>
	                                                    <span class="price"><i class="clrf60">¥${c.priceMin}</i>爽客特惠价：</span>
	                                                </p>
	                                            </li>
                                    		</c:forEach>
                                        	
                                           
                                        </ul>
                                        <ul class="text">
                                        	<c:forEach items="${senTicket}" var="c" begin="3" end="5">
                                        		<li class=" clearfix">
	                                            	<span class="fr">爽客特惠价：<i class="clrf60 farial">¥${c.priceMin}</i></span>
	                                                <a href="${c.hyperlink}" target="_blank">${c.title}<img src="images/smallpic/tejia.gif" /></a>
	                                            </li>
                                    			
                                    		</c:forEach>
                                        	
                                           
                                        </ul>
                                    </div>
                                     <div class="t_sec_content" id="ticket_2" style="display: none;">
                                    	<ul class="pic_text clearfix">
                                    		<c:forEach items="${senTicket}" var="c" end="2">
                                    			<li>
	                                            	<a href="${c.hyperlink}" target="_blank"><img src="${c.picture}" class="block" width="152" height="90" alt="${c.title}"/></a>
	                                                <p>
	                                                	<a href="${c.hyperlink}" target="_blank" class="name">${c.title}</a>
	                                                    <span class="price"><i class="clrf60">¥${c.priceMin}</i>爽客特惠价：</span>
	                                                </p>
	                                            </li>
                                    		</c:forEach>
                                        	
                                           
                                        </ul>
                                        <ul class="text">
                                        	<c:forEach items="${senTicket}" var="c" begin="3" end="5">
                                        		<li class=" clearfix">
	                                            	<span class="fr">爽客特惠价：<i class="clrf60 farial">¥${c.priceMin}</i></span>
	                                                <a href="${c.hyperlink}" target="_blank">${c.title}<img src="images/smallpic/tejia.gif" /></a>
	                                            </li>
                                    			
                                    		</c:forEach>
                                        	
                                           
                                        </ul>
                                    </div>
                                    
                                     <%--<div class="t_sec_content" id="ticket_3" style="display: none;">
                                    	<ul class="pic_text clearfix">
                                    		<c:forEach items="${artTicket}" var="c" end="2">
                                    			<li>
	                                            	<a href="${c.hyperlink}" target="_blank"><img src="${c.picture}" class="block" width="152" height="90" alt="${c.title}"/></a>
	                                                <p>
	                                                	<a href="${c.hyperlink}" target="_blank" class="name">${c.title}</a>
	                                                    <span class="price"><i class="clrf60">¥${c.priceMin}</i>爽客特惠价：</span>
	                                                </p>
	                                            </li>
                                    		</c:forEach>
                                        	
                                           
                                        </ul>
                                        <ul class="text">
                                        	<c:forEach items="${artTicket}" var="c" begin="3" end="5">
                                        		<li class=" clearfix">
	                                            	<span class="fr">爽客特惠价：<i class="clrf60 farial">¥${c.priceMin}</i></span>
	                                                <a href="${c.hyperlink}" target="_blank">${c.title}<img src="images/smallpic/tejia.gif" /></a>
	                                            </li>
                                    			
                                    		</c:forEach>
                                        	
                                           
                                        </ul>
                                    </div>
                                    
                                     --%><div class="t_sec_content" id="ticket_4" style="display: none;">
                                    	<ul class="pic_text clearfix">
                                    		<c:forEach items="${hotSringTicket}" var="c" end="2">
                                    			<li>
	                                            	<a href="${c.hyperlink}" target="_blank"><img src="${c.picture}" class="block" width="152" height="90" alt="${c.title}"/></a>
	                                                <p>
	                                                	<a href="${c.hyperlink}" target="_blank" class="name">${c.title}</a>
	                                                    <span class="price"><i class="clrf60">¥${c.priceMin}</i>爽客特惠价：</span>
	                                                </p>
	                                            </li>
                                    		</c:forEach>
                                        	
                                           
                                        </ul>
                                        <ul class="text">
                                        	<c:forEach items="${hotSringTicket}" var="c" begin="3" end="5">
                                        		<li class=" clearfix">
	                                            	<span class="fr">爽客特惠价：<i class="clrf60 farial">¥${c.priceMin}</i></span>
	                                                <a href="${c.hyperlink}" target="_blank">${c.title}<img src="images/smallpic/tejia.gif" /></a>
	                                            </li>
                                    			
                                    		</c:forEach>
                                        	
                                           
                                        </ul>
                                    </div><%--
                                    
                                    
                                     <div class="t_sec_content" id="ticket_5" style="display: none;">
                                    	<ul class="pic_text clearfix">
                                    		<c:forEach items="${happyTicket}" var="c" end="2">
                                    			<li>
	                                            	<a href="${c.hyperlink}" target="_blank"><img src="${c.picture}" class="block" width="152" height="90" alt="${c.title}"/></a>
	                                                <p>
	                                                	<a href="${c.hyperlink}" target="_blank" class="name">${c.title}</a>
	                                                    <span class="price"><i class="clrf60">¥${c.priceMin}</i>爽客特惠价：</span>
	                                                </p>
	                                            </li>
                                    		</c:forEach>
                                        	
                                           
                                        </ul>
                                        <ul class="text">
                                        	<c:forEach items="${happyTicket}" var="c" begin="3" end="5">
                                        		<li class=" clearfix">
	                                            	<span class="fr">爽客特惠价：<i class="clrf60 farial">¥${c.priceMin}</i></span>
	                                                <a href="${c.hyperlink}" target="_blank">${c.title}<img src="images/smallpic/tejia.gif" /></a>
	                                            </li>
                                    			
                                    		</c:forEach>
                                        	
                                           
                                        </ul>
                                    </div>
                                    
                                    --%><!-- sub-content--end-->
                                </div>
                                
                                <dl>
                                    <dt>特惠套餐</dt>
                                    <dd>
                                    	<a href="${spCombo[0].hyperlink}" target="_blank"><img src="${spCombo[0].picture}" width="152" height="90" class="block" /></a>
                                    	<div class="clearfix">
                                        	<a href="${spCombo[0].hyperlink}" target="_blank" class="title" title="${spCombo[1].title}">${spCombo[0].title}</a>
                                            <div class="clear"></div>
                                        	<span class="farial clrf60 mr10 fr">¥${spCombo[0].priceMin}</span><span class="dp_price">爽客特惠价：</span>
                                        </div>
                                    </dd>
                                   <dd>
                                    	<a href="${spCombo[1].hyperlink}" target="_blank"><img src="${spCombo[1].picture}" width="152" height="90" class="block" /></a>
                                        <div class="clearfix">
                                        	<a href="${spCombo[1].hyperlink}" target="_blank" class="title" title="${spCombo[1].title}" >${spCombo[1].title}</a>
                                            <div class="clear"></div>
                                        	<span class="farial clrf60 mr10 fr">¥${spCombo[1].priceMin}</span><span class="dp_price">爽客特惠价：</span>
                                        </div>
                                    </dd>
                                    <dd class="text_show">
                                    	<div class="t_th">
                                        	<a href="${spCombo[2].hyperlink}" target="_blank">${spCombo[2].title}</a>
                                            <p class="clearfix"><span class="fl">爽客特惠价：</span><i class="farial clrf60 mr10 fr">¥${spCombo[2].priceMin}</i></p>
                                        </div>
                                        <div class="t_th">
                                        	<a href="${spCombo[3].hyperlink}" target="_blank">${spCombo[3].title}</a>
                                            <p class="clearfix"><span class="fl">爽客特惠价：</span><i class="farial clrf60 mr10 fr">¥${spCombo[3].priceMin}</i></p>
                                        </div>
                                    </dd>
                               </dl>
                            </div>
                            <!--left-gra--end-->
                            
                            <!--right-gra-->
                            <div class="right_gra_box">
                            	<h1>订单榜</h1>
                            	<ul class="t_order">
                            		<c:forEach items="${orderDes}" var="c">
                            			<li>
	                                    	<a href="${c.hyperlink}">${c.title}</a><span class="fr farial clrf60">¥${c.priceMin}</span>
	                                    </li>
                            		</c:forEach>
                                	
                                    
                                </ul>
                            </div>
                            <!--right-gra--end-->
                        </div>
                        <div class="gra_foot"></div>
                	</div>
                </div>
                <!-- right--end-->
            </div>
        </div>
        <!-- part1--end-->
        
        <!-- ad-->
        <div class="w980 mg box_style1">
        	<c:forEach items="${midAdv}" var="c">
        		<a href="${c.hyperlink}" target="_blank" class="block"><img src="${c.picture}" class="block" alt="${c.title}" /></a>
        	</c:forEach>
        </div>
        <!-- ad--end-->
        
        <!-- 点评 -->
        <%@include file="../common/discuss.jsp" %>
        
        
        <!-- part3 -->
        <%@include file="../common/attention.jsp" %>
        <!-- part3--end-->
                
        <!-- help-->
        <div class="w980 mg box_style1">
        	<c:forEach items="${help }" var="c">
        		${c.content}
        	</c:forEach>
        </div>
        <!-- help--end-->
        
    </div>
    <!-- wrap--end-->
    
	    <!-- foot-->
	    <%@include file="../common/footer.jsp" %>
	    <!-- foot--end-->
    <script type="text/javascript">
		$(function(){
			$("#tobuy").click(function(){
				$("#tobuy_form").submit();
			});
			
			$(".m_first").mouseover(function(){
				$(this).next(".m_down_menu").show();
				$(this).css({"z-index":"11"});
				//$(this).parent().siblings().css({"z-index":"7"});
			});
			$(".m_first").mouseout(function(){
				$(this).next(".m_down_menu").hide();
				$(this).css({"z-index":"9"});
			});
			
			$("#udate").change(function(){
				var price = $(this).find("option:selected").attr("price");
				$("#select_price").text("(¥"+price+")");
			});
			
			$("#next_month_btn").click(function(){
				$("#m_calendar_box1").hide();
				$("#m_calendar_box2").show();
			});
			
			$("#prev_month_btn").click(function(){
				$("#m_calendar_box2").hide();
				$("#m_calendar_box1").show();
			});
			$.lbShow({
				picUL:"pic_ul",
				numsUL:"num_ul",
				styles:"hover"
			});
			$(".more").attr("target","_blank");
		});	
		
		function tabTicket(n){
		 	$("#ticket_"+n).show().siblings("div.t_sec_content").hide();
		 	$("#li_"+n).addClass("current").siblings().removeClass("current");
		}
	</script>
</body>
</html>
